<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :lg="24" :sm="24">
        <blockquote class="text-warning" style="font-size: 14px">
          百度
          <el-link href="https://www.baidu.com" target="_blank" type="primary"
          >>☛☛点我进入☚☚
          </el-link
          >
          &nbsp;&nbsp;&nbsp;华为云
          <el-link href="https://www.huaweicloud.com" target="_blank" type="primary"
          >>☛☛点我进入☚☚
          </el-link
          >
          <br/>
        </blockquote>

        <hr/>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :lg="12" :sm="24" style="padding-left: 20px">
        <h2>商品后台管理框架</h2>
        <p>
          人类即使被推下无底的深渊，苦苦挣扎，但终将摸索到那一缕希望的绳索。这是自从潘多拉盒子开启以来，由奥林匹斯众神所规定的事实。无论是乐观论也好，悲观论也罢，那些慷慨激昂地发表演说，不可一世的人都被留在了岸上，我们乘坐的这艘新时代的大船已先一步扬帆起航，破浪前行。没有什么可以阻拦它。这就类似于植物的藤蔓伸展一般超越意识的天然的向阳性。

          ——太宰治《潘多拉之匣》 </p>
        <p>
          如果不去遍历世界，我们就不知道什么是我们精神和情感的寄托，但我们一旦遍历了世界，却发现我们再也无法回到那美好的地方去了。当我们开始寻求，我们就已经失去，而我们不开始寻求，我们根本无法知道自己身边的一切是如此可贵。

          ——《小王子》
        </p>
        <p>
          越长大，越觉得孤独竟是生命的必然，每个人都是质数列中孤单却特别的存在。或许，说不上特别，也就算个普普通通，再或者说，用＂普通＂都夸张了些。我们都是那孤独的质数，我们都承受着质数的孤独。

          ——保罗·乔尔达诺 《质数的孤独》
        </p>
      </el-col>

      <el-col :lg="12" :sm="24" style="padding-left: 50px">
        <el-row>
          <el-col :span="12">
            <h2>技术选型</h2>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <h4>后端技术</h4>
            <ul>
              <li>SpringBoot</li>
              <li>SpringCloud</li>
              <li>Nacos</li>
              <li>Sentinel</li>
              <li>Seata</li>
              <li>Minio</li>
              <li>...</li>
            </ul>
          </el-col>
          <el-col :span="6">
            <h4>前端技术</h4>
            <ul>
              <li>Vue</li>
              <li>Vuex</li>
              <li>Element-ui</li>
              <li>Axios</li>
              <li>Echarts</li>
              <li>Quill</li>
              <li>...</li>
            </ul>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="20">
      <el-col :lg="8" :md="12" :sm="24" :xs="24">
        <el-card class="update-log">
          <div class="body">
            <img
              alt="donate"
              src="https://guyw.oss-cn-shanghai.aliyuncs.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-11-28%20003656.png"
              width="100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >兄弟醒醒,该敲代码了</span
            >
          </div>
        </el-card>
      </el-col>
      <el-col :lg="8" :md="12" :sm="24" :xs="24">
        <el-card class="update-log">
          <div class="body">
            <img
              alt="donate"
              src="https://guyw.oss-cn-shanghai.aliyuncs.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-08-26%20152128.png"
              width="100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >看,这小子又不敲代码了</span
            >
          </div>
        </el-card>
      </el-col>

      <el-col :lg="8" :md="12" :sm="24" :xs="24">
        <el-card class="update-log">
          <div class="body">
            <img
              alt="donate"
              src="https://guyw.oss-cn-shanghai.aliyuncs.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-11-28%20003116.png"
              width="100%"
            />
            <span style="display: inline-block; height: 30px; line-height: 30px"
            >新年快乐，码农们，一起加油吧！</span
            >
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.6.4",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style lang="scss" scoped>
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }

  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>

